<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta content="yes" name="apple-mobile-web-app-capable" />  
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />  
		<meta content="telephone=no" name="format-detection" />   
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
		<script src="js/rem.js"></script>
	</head>
	<body>
		<div class="login">
			<header class="clearfix">
				<a href="start.html" class="fl">取消</a>
				<p>登录</p>
				<div class="clear"></div>
			</header>
			<div class="login_nr">
				<div class="tupian">
						<img src="img/line1.png"/>
				</div>
				<form>
					<div>
						<span>账号</span><input type="text" placeholder="请输入手机号码"/>
					</div>
					<div>
						<span>密码</span><input type="password" placeholder="请输入密码"/>
					</div>
					<input type="submit" value="登录" class="is tsu"/>
				</form>
				<section>
					<a href="javascript:void(0)" class="lianjie">注册用户</a>
					<a href="javascript:void(0)">忘记密码</a>
				</section>
			</div>
			<footer>
				<div>
					<a href="javascript:void(0)"><i class="iconfont icon-weixin weixn"></i>微信登录</a>
				</div>
				<div>
					<a href="javascript:void(0)"><i class="iconfont icon-tubiao215 echang"></i>QQ登录</a>
				</div>
			</footer>
		    <!-------注册页面--------->
		    <div class="zhuce">
				<header class="clearfix">
					<a href="javascript:void(0)" class="fl huiqu">取消</a>
					<p>注册</p>
					<div class="clear"></div>
				</header>
				<div class="zhuce_nr">
					<form >
						<div>
							<p>电话号码</p>
							<input type="tel" pattern="1[0-9]{10}" required placeholder="请输入手机号码"/>
						</div>
						<div class="yanzhengma clearfix">
							<p class="fl">验证码<input id="IdentifyCode" type="text" required="required" placeholder="请输入验证码" /></p>
    						<span class="fr">获取验证码</span>
						</div>
						<section>
							<div>
								<p>个人昵称</p>
								<input type="text" placeholder="请输入个人昵称"/>
							</div>
							<div>
								<p>设置密码</p>
								<input type="password"  placeholder="8-20位数字和字母组合"/>
							</div>
							<div>
								<p>确认密码</p>
								<input type="password"  placeholder="请重复输入密码"/>
							</div>
						</section>
						<div class="dianji">
							<input type="checkbox" checked/>我已阅读并接受<a href="#">优呗小店用户注册协议</a>
						</div>
						<input type="submit" name="" id="" value="注册" class="is tsu"/>
					</form>
				</div>
			</div>
			<!-------创建小店--------->
		    <div class="setup">
		    	<header class="clearfix">
					<a href="index.html" class="fl">取消</a>
					<p>创建微小店</p>
					<div class="clear"></div>
				</header>
		    	<div class="setup_nr">
		    		<form>
			    		<div>
			    			<span>店铺名称</span>
			    	        <input type="text" placeholder="请输入店铺名称，如某某小店"/>
			    		</div>
			    		<input type="submit" name="" id="" value="立即开店" class="is"/>
		    	    </form>
		    	</div>
		    </div>
		</div>
		<script src="js/jquery-2.1.0.js" ></script>
		<script type="text/javascript">
			$(function(){
				$(".lianjie").click(function(){
//					console.log($(this));
					$(".zhuce").addClass("zhuceshow")
				})
				$(".huiqu").click(function(){
			//		console.log($(this));
					$(".zhuce").removeClass("zhuceshow")
				})
				
				$(".tsu").click(function(){
//					console.log($(this));
					$(".setup").addClass("setupshow")
					return false;
					
				})
			})	
		</script>
	</body>
</html>
